*{
    margin: 0;
    padding: 0;
}
// 标题
.box1{
    max-width: 1905px;
    height: 60px;
    display: flex;
    justify-content: space-around;
    background-color: black;
     > div:first-of-type{
        width: 96.25px;
        height: 18.53px;
        color: azure;
        margin: auto 0;
    }
    > div:nth-of-type(2){
        width: 1025px;
        height: 60px;
        display: flex;
        justify-content: center;
        >p>a{
            cursor: pointer;
            color: #999999;
            text-align: center;
            text-decoration: none;
            line-height: 60px;
            margin: 0 10px;
            font-size: 14px;
        }
    }
    
    > div:last-of-type{
        width: 132px;
        height: 60px;
        display: flex;
        justify-content: space-between;
        
        >div{
           margin: auto 0;
        }
        >div>a{
            color: #999999;
            text-decoration: none;

        }
    }
}
.box1> div:nth-of-type(2):hover>p>a{
        color:blanchedalmond;
}
// 轮播图
.box2{
    max-width: 1905px;
    height: 400px;
    display: flex;
    justify-content:center;
    .box2-1{
        width: 1200px;
        height: 320px;
        margin: auto 0;
        display: flex;
        justify-content: center;
        background-color: aqua;
        .circle{
            background-color: blue; 
        }
        >div{ 
            width: 12px;
            height: 12px;
            margin: 0 10px;
            margin-top: 290px;
            border-radius: 50%;
            background-color: aliceblue;
        }
    }
}
// 热门航拍
.box3{
    max-width: 1905px;
    height: 208px;
    display: flex;
    justify-content: center;
    .box3-1{
        width: 1200px;
        height: 208px;
        >div:first-of-type{
            width: 1200px;
            height: 32px;
            display: flex;
            justify-content: space-between;
            >div:first-of-type{
                font-size: 28px;
            }
            >div:last-of-type{
                margin: auto 0;
                margin-right: 14px;
                font-size: 14px;
                >a{
                    text-decoration: none;
                }
            }
        }
        >div:last-of-type{
            margin-top: 22px;
            width: 1200px;
            height: 152px;
            display: flex;
            justify-content: space-between;
            >div{
                width: 180px;
                height: 152px;

                >div{
                    width: 180px;
                    height: 120px;
                    >img{
                        width: 180px;
                        height: 120px;
                    }
                }
                >p{
                    width: 180px;
                    height: 24px;
                    margin-top: 8px;
                }
            }
        }
    }
}
.box4{
    max-width: 1905px;
    max-height: 2447px;
    display: flex;
    justify-content: center;
    >.box4-1{
        width: 1200px;
        height: 2315px;
        margin-top: 132px;
        background-color: beige;
        // 自然
        >div:first-of-type{
            width: 1200px;
            height: 364px;
            margin-top: 42px;
            >div:first-of-type{
                width: 1200px;
                height: 20px;
                display: flex;
                justify-content: space-between;
                >div:first-of-type{
                    width: 40px;
                    height: 20px;
                    font-size: 20px;
                }
                >div:nth-of-type(2){
                    width: 88px;
                    height: 20px;
                    margin-left: 950px;
                    display: flex;
                    justify-content: space-around;
                    >div{
                        width: 18px;
                        height: 18px;
                        border-radius: 30%;
                        background-color: darkgray;
                    }
                }
                >div:last-of-type{
                    width: 45px;
                    height: 20px;
                    text-decoration: none;
                    text-align: 14px;
                    >a{
                        text-decoration: none;
                    }
                }
            }
            // 自然轮播图
            >div:last-of-type{
                width: 1200px;
                height: 320px;
                margin-top: 22px;
                display: flex;
                justify-content: space-between;
                background-color: chartreuse;
                >div{
                    width: 285px;
                    height: 320px;
                    >div:first-of-type{
                        width: 285px;
                        height: 190px;
                        background-color: aqua;
                    }
                    >div:last-of-type{
                        width: 285px;
                        height: 130px;
                        background-color: red;
                    }
                }

            }
        }
        // 城市
        >div:nth-of-type(2){
            width: 1200px;
            height: 364px;
            margin-top: 42px;
            >div:first-of-type{
                width: 1200px;
                height: 20px;
                display: flex;
                justify-content: space-between;
                >div:first-of-type{
                    width: 40px;
                    height: 20px;
                    font-size: 20px;
                }
                >div:nth-of-type(2){
                    width: 88px;
                    height: 20px;
                    margin-left: 950px;
                    display: flex;
                    justify-content: space-around;
                    >div{
                        width: 18px;
                        height: 18px;
                        border-radius: 30%;
                        background-color: darkgray;
                    }
                }
                >div:last-of-type{
                    width: 45px;
                    height: 20px;
                    text-decoration: none;
                    text-align: 14px;
                    >a{
                        text-decoration: none;
                    }
                }
            }
            >div:last-of-type{
                width: 1200px;
                height: 320px;
                margin-top: 22px;
                background-color: chartreuse;
            }
        }
        // 运动
        >div:nth-of-type(3){
            width: 1200px;
            height: 364px;
            margin-top: 42px;;
            >div:first-of-type{
                width: 1200px;
                height: 20px;
                display: flex;
                justify-content: space-between;
                >div:first-of-type{
                    width: 40px;
                    height: 20px;
                    font-size: 20px;
                }
                >div:nth-of-type(2){
                    width: 88px;
                    height: 20px;
                    margin-left: 950px;
                    display: flex;
                    justify-content: space-around;
                    >div{
                        width: 18px;
                        height: 18px;
                        border-radius: 30%;
                        background-color: darkgray;
                    }
                }
                >div:last-of-type{
                    width: 45px;
                    height: 20px;
                    text-decoration: none;
                    text-align: 14px;
                    >a{
                        text-decoration: none;
                    }
                }
            }
            >div:last-of-type{
                width: 1200px;
                height: 320px;
                margin-top: 22px;
                background-color: chartreuse;
            }
        
        }
        // 人物
        >div:nth-of-type(4){
            width: 1200px;
            height: 364px;
            margin-top: 42px;
            >div:first-of-type{
                width: 1200px;
                height: 20px;
                display: flex;
                justify-content: space-between;
                >div:first-of-type{
                    width: 40px;
                    height: 20px;
                    font-size: 20px;
                }
                >div:nth-of-type(2){
                    width: 88px;
                    height: 20px;
                    margin-left: 950px;
                    display: flex;
                    justify-content: space-around;
                    >div{
                        width: 18px;
                        height: 18px;
                        border-radius: 30%;
                        background-color: darkgray;
                    }
                }
                >div:last-of-type{
                    width: 45px;
                    height: 20px;
                    text-decoration: none;
                    text-align: 14px;
                    >a{
                        text-decoration: none;
                    }
                }
            }
            >div:last-of-type{
                width: 1200px;
                height: 320px;
                margin-top: 22px;
                background-color: chartreuse;
            }
            
        }
        // 签约摄影师
        >div:nth-of-type(5){
            width: 1200px;
            height: 364px;
            margin-top: 42px;
            >div:first-of-type{
                width: 1200px;
                height: 20px;
                display: flex;
                justify-content: space-between;
                >div:first-of-type{
                    width: 40px;
                    height: 20px;
                    font-size: 20px;
                }
                >div:nth-of-type(2){
                    width: 88px;
                    height: 20px;
                    margin-left: 890px;
                    display: flex;
                    justify-content: space-around;
                    >div{
                        width: 18px;
                        height: 18px;
                        border-radius: 30%;
                        background-color: darkgray;
                    }
                }
                >div:last-of-type{
                    width: 45px;
                    height: 20px;
                    text-decoration: none;
                    text-align: 14px;
                    >a{
                        text-decoration: none;
                    }
                }
                >div:first-of-type{
                    width: 100px;
                    height: 20px;
                }
            }
            >div:last-of-type{
                width: 1200px;
                height: 320px;
                margin-top: 22px;
                background-color: chartreuse;
            }
        }
        // 热门标签
        >div:last-of-type{
            width: 1200px;
            height: 215px;
            margin-top: 42px;
            >div:first-of-type{
                width: 1200px;
                height: 20px;
                display: flex;
                justify-content: space-between;
                >div:first-of-type{
                    width: 100px;
                    height: 20px;
                    font-size: 20px;
                }
                >div:nth-of-type(2){
                    width: 88px;
                    height: 20px;
                    margin-left: 890px;
                    display: flex;
                    justify-content: space-around;
                    >div{
                        width: 18px;
                        height: 18px;
                        border-radius: 30%;
                        background-color: darkgray;
                    }
                }
                >div:last-of-type{
                    width: 45px;
                    height: 20px;
                    text-decoration: none;
                    text-align: 14px;
                    >a{
                        text-decoration: none;
                    }
                }
            }
            >div:last-of-type{
                width: 1200px;
                height: 171px;
                margin-top: 22px;
                background-color: chartreuse;
            }
        }
    }
}
// 底部
.box5{
    max-width: 1905px;
    height: 106px;
    display: flex;
    position: relative;
    justify-content: center;
    background-color: black;
    >div:last-of-type{
        width: 150px;
        height: 46px;
        position: absolute;
        margin-top: 60px;
        >p{
            font-size: 12px;
            color: #999999;
        }
    }
    .box5-1{
        width: 1200px;
        height: 60px;
        display: flex;
        justify-content: space-between;
        >div:first-of-type{
            width: 285px;
            height: 17px;
            margin: auto 0;
            font-size: 12px;
            color: #999999;
        }
        >div:nth-of-type(2){
            width: 340px;
            margin: 14px 150px 14px 0;
            display: flex;
            justify-content: space-around;
            height: 32px;
            >p{
                font-size: 12px;
                margin: auto 0;
                color: #999999;
            }
        }
        >div:last-of-type{
            width: 110px;
            height: 60px;
            display: flex;
            justify-content: space-between;
            >p{
                font-size: 12px;
                margin: auto 0;
                color: #999999;
            }
        }
    }
}